import styles from './index.module.scss'
import cls from 'classnames'
import { Tooltip } from '../../components'

const Index = props => {
  const { toggleJuji, isLive } = props
  const openJuji = e => {
    e.stopPropagation()
    toggleJuji()
  }
  return (
    <div
      className={cls(styles['multifunction-definition'], styles['multifunction-definition-phone'], 'hideWhenPhone')}
      onClick={openJuji}
    >
      <Tooltip
        title={isLive ? '切换频道' : '剧集信息'}
        className={styles.icon}
        icon={<img loading="lazy" src="/images/video/jishu.png" alt="集数" />}
      />
    </div>
  )
}

export default Index
